<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="styles/default.css">
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="styles/yh.css">
	<link rel="stylesheet" href="styles/recruit.css">
	<link rel="stylesheet" href="fonts/iconfont.css">
	<script src="scripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div id="header-hide"></div>
	
	<div id="header-container">
		<div id="nav-bar">
			<div class="l-nav">
				<div class="l-nav-img"><img src="images/logo.png" alt="logo"></div>
			</div>
			<div class="r-nav">
				<div class="nav-menu-content">
					<ul class="nav-menu">
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="index.html">首页</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="service.html">服务</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="javascript:void(0)">产品接口</a><span class="fixed-bottom"></span></div>
							
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="javascript:void(0)">项目</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="about.html">关于凡路</a><span class="fixed-bottom"></span></div>
						</li>
					</ul>
					<div class="nav-login"><a class="login-f"><i class="login-i icon iconfont icon-modaologin"></i><span>登录</span></a></div>
				</div>
			</div>
			<div class="bottom-nav">
				<ul class="header-detail-list" item-index="2">
					<li class="header-detail-item"><a href="javascript:void(0)">智慧城市接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">乡村旅游接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">学宝系统接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">积分宝接口</a></li>
				</ul>
			</div>
		</div>
	</div>
	

	<div id="scr-obj-container">
		<div id="src-obj-bar">
			<div class="load-card-slot">
				<img src="images/load-card-slot.png" alt="">
				<i class="icon iconfont icon-java"></i>
				<i class="icon iconfont icon-web"></i>
				<i class="icon iconfont icon-yingjianshebei"></i>
				<i class="icon iconfont icon-xitong"></i>
				<i class="icon iconfont icon-cehua"></i>
				<i class="icon iconfont icon-youxi"></i>
			</div>
			<div class="bg-canvaszz"></div>
  			<canvas id="bg-canvas"></canvas> 
  			<audio controls="true" autoplay="autoplay" class="audio">
        		<source src="styles/Music.mp3" type="audio/mp3"> 
        		<source src="styles/Music.ogg" type="audio/ogg"> 
        		<source src="styles/Music.aac" type="audio/mp4"> 
    		</audio>
    		<div class="center-logo">
    			<img src="images/stars2.svg" alt="">
    		</div>
    		<div class="scr-circle">
    			<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
				<img src="images/cycle.png">
    		</div>

			<div class="scr-center">
				
			</div>
			<ul class="recruiter-list">
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
							<text x="270" y="205" fill="#00c1de">前端</text>
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-web"></i>
					</div>
				</li>
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
							<text x="105" y="205" fill="#00c1de">后台</text>
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-java"></i>
					</div>
				</li>
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
							<text x="200" y="220" fill="#00c1de">硬件</text>
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-yingjianshebei"></i>
					</div>
				</li>
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
							<text x="170" y="220" fill="#00c1de">系统</text>
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-xitong"></i>
					</div>
				</li>
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
							<text x="230" y="260" fill="#00c1de">移动</text>
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-mobile"></i>
					</div>
				</li>
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
							<text x="135" y="260" fill="#00c1de">游戏</text>
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-youxi"></i>
					</div>
				</li>
				<li class="recruiter-li">
					<div class="recruiter-li-imgbar">
						<svg class="recruite-li-svg"height="400" width="400">
						</svg>
						<img src="images/cycle.png">
						<i class="icon iconfont icon-cehua"></i>
					</div>
					<div style="text-align: center;padding-top: 40px">策划</div>
				</li>
			</ul>
			<ul class="recruiter-part-list">
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-1.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">前端</text>
						</svg>
						当你看到一个漂亮的网站的时候，你是否有兴趣了解它是如何制作出来的？当你看到页面上五颜六色的绚烂效果，你是
						否会感叹动画的神奇之处？而前端开发部就是这样一个可以给你视觉满足的平台，欢迎加入我们哟。
						<!--<button class="recruiter-part-li-btn">-->
							<!--<a href="apply.html?depart_id=3">加入</a>-->
						<!--</button>-->
					</div>
				</li>
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-2.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">后台</text>
						</svg>
						<!--<button class="recruiter-part-li-btn">-->
							<!--<a href="apply.html?depart_id=2">加入</a>-->
						<!--</button>-->
						后台部门由凡路JAVA应用开发部门发展而来，主要从事JavaWeb后台和phpWeb后台的
						开发，部门经过多年的实践探索，总结出来了成熟的学习路线。学习内容包括Java基础(
						)、JavaEE、Android基础(中期)，后期主要依靠成员自主学习。成员从事技术方向主
						要有JavaWeb（后台开发）、phpWeb等。
					</div>
				</li>
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-3.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">硬件</text>
						</svg>
						<!--<button class="recruiter-part-li-btn">-->
							<!--<a href="apply.html?depart_id=1">加入</a>-->
						<!--</button>-->
						部门的主要方向是单片机与嵌入式的学习，学科竞赛多是部门的一个特色，只要你有精力每年可以参加十多个竞赛。如果喜欢嵌入式，偏爱linux操作系统或者你对物联网、智能硬件有兴趣，喜欢自己动手做一些东西，那就来这里吧。
					</div>
				</li>
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-4.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">系统</text>
						</svg>
						<!--<button class="recruiter-part-li-btn">-->
							<!--<a href="apply.html?depart_id=0">加入</a>-->
						<!--</button>-->
						此部门学习的是基于C++的Qt开发，主要开发GUI（图形用户界面）程序，也涉及一些非GUI程序，比如控制台工具和服务器等，现在又开始开发与Linux系统有关的程序。采用Qt进行程序的开发有优良的跨平台特性，也是系统编程部门的主要特色之一。
					</div>
				</li>
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-3.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">移动</text>
						</svg>
						<!--<button class="recruiter-part-li-btn">-->
						<!--<a href="apply.html?depart_id=5">加入</a>-->
						<!--</button>-->
						说起移动端你可能有点陌生，但如果说手机APP那你一定很熟悉，你每天使用的各种精良手机APP都是由移动端开发者完成的。部门主要分为Android开发和iOS开发，APP开发不同于Web前端和后台，它既有有趣的后台逻辑，又有美观的前端界面，它既可以脱离服务器后台独立存在，又可以依附服务器获得良好的联机交互和远程数据储存。如果你也想开发精美的移动端APP，欢迎你的加入哦~
					</div>
				</li>
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-6.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">游戏</text>
						</svg>
						<!--<button class="recruiter-part-li-btn">-->
							<!--<a href="apply.html?depart_id=5">加入</a>-->
						<!--</button>-->
						它是一个具有新生力的部门，如同初升的太阳，冉冉升起，具有活力。这里有埋头苦干，积极进取但不失生活乐趣的程序人员；这里有脑洞大开，想像丰富但符合逻辑的游戏策划；这里有美术一流，画面带感但仍不断升华的美工大神，我们想做艺术性的游戏，想做尊重玩家的游戏，更想做自己梦想中最向往的游戏！如果你也是，那么我们志同道合。
					</div>
				</li>
				<li class="recruiter-part-li">
					<div class="recruiter-part-li-left">
						<img src="images/recruiter-5.png" alt="">
					</div>
					<div class="recruiter-part-li-right">
						<i class="jian icon iconfont icon-jian-icon"></i>
						<i class="jie icon iconfont icon-jie"></i>
						<svg class="recruiter-part-li-svg"height="500" width="500">
							<text x="120" y="70" style="fill:#00c1de;font-size:30px">策划</text>
						</svg>
						<!--<button class="recruiter-part-li-btn">-->
						<!--<a href="apply.html?depart_id=4">加入</a>-->
						<!--</button>-->
						策划部是我们实验室一个新兴的部门，致力于培养产品经理，面向全校招生，只要你对策划感兴趣或者你想提升自己这方面的能力，那么这里就是你的不二之选，策划部欢迎你的加入！
					</div>
				</li>
			</ul>
		</div>
		<button class="join-us-button">
			<a href="resume.html">加入我们</a>
		</button>
	</div>

	<div id="footer-filter-container">
		<div id="footer-filter-bar">
			<div class="footer-filter-header">
				<ul class="footer-filter-header-list">
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-gaoxiaofuwu"></i>高效率</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-qianyan"></i>最前沿</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-quanmian"></i>全方面</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-fuwu"></i>高服务</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-jiage"></i>低价格</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="footer-container">
		<div id="footer-bar">
			<div class="footer-up">
				<div class="footer-up-l"><img src="images/logo.png" alt="logo"></div>
				<div class="footer-up-r">
					<a href="javascript:void(0)">友情链接：</a>
					<a href="javascript:void(0)">长沙理工大学</a>
					<a href="javascript:void(0)">长沙理工大学计通学院</a>
					<a href="javascript:void(0)">大学生科技交流平台</a>
					<a href="javascript:void(0)">长沙理工大学创业园</a>
				</div>
			</div>
			<div class="footer-bot">
				<div class="footer-bot-l">
					<img src="images/zhaoxin.png" alt="link1">
				</div>
				<div class="footer-bot-r">
					<p>Copyright©2016 凡路团队 版权所有 </p>
					<p>地址：湖南省长沙市雨花区万家丽南路2段960号</p>
				</div>
			</div>
		</div>
	</div>
    <script src="scripts/recruit.js"></script>
</body>
</html>